<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body onload="fun()">
    <div id="div1" style="border: 1px">撒娇收到货</div>
    <input type="text" value="123" id="inpid" onchange="fun3()" />
    <img
      src="https://img-baofun.zhhainiao.com/market/279/02f85e6fad053249ec09060bb1e81020.jpg"
      alt=""
    />
    <button
      id="btn"
      onmousedown="console.log('down')"
      onmouseup="console.log('up')"
    >
      改变
    </button>
    <input
      type="text"
      name=""
      id=""
      onkeydown="keyfun()"
      onblur="keyfun()"
      onfocus="keyfun()"
    />

    <p oncopy="keyfun()">666666666666666</p>
  </body>
  <script>
    function keyfun() {
      console.log('555')
      if (event.keyCode == 13) {
        console.log('你按下是的回车')
      }
    }
    window.onload = function () {
      //页面加载完毕之后
      document.getElementById('btn').onclick = function () {
        document.getElementsByTagName('img')[0].src =
          'https://img1.baidu.com/it/u=1407750889,3441968730&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=799'
        document.getElementById('inpid').value =
          'https://img1.baidu.com/it/u=1407750889,3441968730&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=799'
        document.getElementById('inpid').disabled = false
        document.getElementById('div1').style.color = 'red'
        document.getElementById('div1').style.fontSize = '27px'
      }
    }
  </script>
</html>
